import React from 'react';
import { Layout } from 'antd';
import Header from './components/Header';
import Sidebar from './components/Sidebar';

const { Content, Footer } = Layout;

const Home = () => (
  <Layout style={{ minHeight: '100vh' }}>
    <Sidebar />
    <Layout className="site-layout">
      <Header />
      <Content style={{ margin: '0 16px' }}>
        <div className="site-layout-background" style={{ padding: 24, minHeight: 360 }}>
          <h1>欢迎来到歌谣后台管理系统</h1>
        </div>
      </Content>
      <Footer style={{ textAlign: 'center' }}>Ant Design ©2018 Created by Ant UED</Footer>
    </Layout>
  </Layout>
);

export default Home;